<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" href="css/register.css" type="text/css">
    <script type="text/javascript">
        function checkPasswords() {
            var pass1 = document.getElementById("pasword");
            var pass2 = document.getElementById("repasword");
            if (pass1.value != pass2.value)
                pass2.setCustomValidity("两次输入的密码不匹配");
            else
                pass2.setCustomValidity("");
        }
    </script>
</head>
<body>
<form class="reg-box" action="login.html">
    <input class="reg-input" type="text" id="name" placeholder="昵称" title="请输入昵称（必填）" required>
        <span class="reg-must" title="必填项">*</span>
    <input class="reg-input" type="password" id="pasword" name="psword" placeholder="密码"  title="请输入密码（必填）" required>
        <span class="reg-must" title="必填项">*</span>
    <input class="reg-input" type="password" id="repasword" name="repsword" placeholder="重复密码"  title="请再次输入密码（必填）" required>
        <span class="reg-must" title="必填项">*</span>

    <input class="reg-input" type="email" id="mail" name="mail" placeholder="邮箱" title="请输入邮箱地址">
    <input class="reg-input" type="text" id="phone" name="phone" placeholder="手机号" title="请输入手机号">
    <input class="reg-input" type="text" id="name" name="name"placeholder="店铺名称"  title="请输入店铺名称（必填）" required>
        <span class="reg-must" title="必填项">*</span>

    <div class="reg-agree">
        <input type="checkbox" class="" name="yaoqiu" title="请先阅读再回来勾选此项" required>我已同意<a class="reg-agree-link" >《动物餐厅协议》</a>
        <br>
        <input type="checkbox" class="" name="yaoqiu"  title="请先阅读再回来勾选此项" required>我已阅读<a class="reg-agree-link">《动物餐厅须知》</a>
    </div>

    <input class="reg-btn" type="submit" value="注册" onclick="checkPasswords()">
</form>
<div class="reg-tip">
    <p>已有帐号？<a class="reg-tip-link" href="login.html">登录</a>  或 <a class="reg-tip-link" href="index.html">回到官网</a></p>
</div>
</body>
</html>